.codeup_search_right_table_header_right_close {
  cursor: pointer;
}

.codeup_search_middle {
  display: flex;
  flex-direction: column;
  flex-direction: unset;
  // height: calc( 100vh - 175px );
  height: 100%;
  padding: 0 20px;
  .code_search_moddle_table {
    flex: auto;
    padding-bottom: 0;
    .codeup_search_right_cons {
      .codeup_search_right_table {
        margin-bottom: 0;
      }
    }
  }
  .codeup_search_right_open {
    box-shadow: inset 0 0 0 1px #e8e8e8;
    width: 1px;
    position: relative;
    margin-left: 20px;
    margin-bottom: 6px;
    margin-top: 8px;
    .codeup_search_right_open_icon {
      position: absolute;
      top: 20px;
      left: -15px;
    }
  }
}
.codeup_middle_table {
  overflow: hidden;
  .file-panel-src-body {
    overflow: auto;
    width: 100%;
  }
}

.codeup_search_right_cons.codeup_search_middle {
  .codeup_search_right_table {
    .file-panel-src-header {
      padding: 9.5px 10px;
    }
  }
}

.search_midder_skeleton_name {
  display: inline-block;
  width: 200px;
  border-radius: 4px;
  background: linear-gradient(
    90deg,
    rgba(190, 190, 190, 0.2) 25%,
    rgba(129, 129, 129, 0.24) 37%,
    rgba(190, 190, 190, 0.2) 63%
  );
  background-size: 400% 100%;
  animation: skeleton-loading 1.4s ease infinite;
}

.search_middle_skeleton_content {
  display: flex;
  .middle_skeleton_paragraph {
    margin: 24px 10px;
    width: 100%;
    li {
      margin: 12px 0;
      width: 100%;
      height: 16px;
      list-style: none;
      border-radius: 4px;
      background: linear-gradient(
        90deg,
        rgba(190, 190, 190, 0.2) 25%,
        rgba(129, 129, 129, 0.24) 37%,
        rgba(190, 190, 190, 0.2) 63%
      );
      background-size: 400% 100%;
      animation: skeleton-loading 1.4s ease infinite;
    }
  }
}

@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
